<template>
  <div>
    <van-nav-bar
      fixed
      title="上传图片"
      left-text
      right-text="按钮"
      left-arrow
      @click-left="onClickLeft"
      @click-right="onClickRight"
    />

   <div style="margin-top:20vh">
      <van-uploader preview-image preview-full-image  v-model="fileList" :max-count="1"/>
   </div>
   <div>
     <van-button @click="logOut" type="info">退出登陆</van-button>
   </div>
   
  </div>
</template>

<script>
import qs from "qs";
import { NavBar } from 'vant';
export default {
    components: {
    [NavBar.name]: NavBar
   
  },
  data() {
    return {
        fileList:[]
    };
  },
  methods:{
      onClickLeft(){
          this.$router.go(-1)
      },
      onClickRight(){
          this.$router.push({path:'./Multistage'})
      },
      beforeRead(){
          console.log("上传")
          
      },
      // 退出登录
        logOut() {
          this.$store.commit("clearUserMsg");
          this.$router.push({ name: "login" });
        },
  }
};
</script>
<style lang="less" scoped>
</style>